.content{
    .top_image{
        width: 100%;
        height: 422rpx;
    }
    .red_text{
        font-size: 26rpx;
        color: #FF282E;
    }
    .opacity_content{
        width: 95%;
        margin: -20rpx auto 0 auto;
        border-radius: 8rpx;
        background: rgba(255,255,255,.6);
        padding: 10rpx 0 30rpx 0;
        .list_title{
            width: 100%;
        }
        .packet{
            width: 95%;
            margin: 24rpx auto 0;
            background: none;
            border: none;
            .packet-bg{
                height: 126rpx;
                width: 100%;
                position: absolute;
                z-index: -1;

            }
            .packet_name{
                justify-content: flex-start;
            }
            .packet_top{
                height: 126rpx;
                .radius view{
                    background: rgba(255,255,255,0);
                }
                .radius.left{
                    margin-left: -1rpx;
                }
                .radius.right{
                    margin-left: -1rpx;
                }
            }
            .packet_bottom{
                background: #fff;
                height: 52rpx;
            }
            .packet_tip{
                font-size: 24rpx;
                padding: 8rpx 0;
                .red_text{
                    font-size: 24rpx;
                }
            }
            .packet_close{
                height: 126rpx;
                font-size: 48rpx;
                color: #999;
                align-items: flex-end;
            }
        }
        .phone_content{
            margin: 28rpx 0 0 0;
            font-size: 26rpx;
            color: #333333;
            .red_text{
                margin-left: 10rpx;
            }
        }
        .red_bar{
            width: 95%;
            height: 80rpx;
            color: #fff;
            font-size: 36rpx;
            background: linear-gradient(to right, #FF7C00, #FF282E);
            margin-top: 30rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 40rpx;
            &.gray_bar{
                background: #EFEFEF;
                color: #999999;
            }
        }
    }  
    .person_list{
        width: 95%;
        margin: 30rpx auto;
        background: #fff;
        border-radius: 8rpx;
        
        .scroll{
            width: 95%;
            padding-top:0;
            .list_card{
                width: 100%;
                height: 130rpx;
                border-bottom: 1rpx solid rgba(221,221,221,.3);
                .per_image{
                    width: 70rpx;
                    height: 70rpx;
                    border-radius: 100%;
                    background: #333333;
                    margin-right: 14rpx;
                }
                .per_middle{
                    width: 0; 
                    flex: 1;
                    font-size: 26rpx;
                    .per_name{
                        color: #333333;
                    }
                    .per_time{
                        color: #999;
                        margin-top: 10rpx;
                    }
                }
                .per_money{
                    color: #333333;
                    font-size: 30rpx;
                }  
                .per_right{
                    text-align: right;
                }
                .red_icon{
                    width: 160rpx;
                    height: 36rpx;
                    margin-top: 10rpx;
                    background: #FF282E;
                    border-radius: 4rpx;
                    text{
                        font-size: 26rpx;
                        color: #fff;
                    }
                    .lucky_dog{
                        width: 26rpx;
                        height: 26rpx;
                    } 
                }
                
            }  
        }
        .red_text{
            margin: 32rpx 0;
            font-size: 26rpx;
        }
        .rule_list{
            width: 95%;
            margin-bottom: 26rpx;
            text{
                display: block;
                color: #333333;
                font-size: 24rpx;
                line-height: 1.8;
            }
        }
        
    }
    
}
.suprise_tag{
    width: 160rpx;
    height: 36rpx;
    border-radius: 4rpx;
    background: #FFCD40;
    font-size:26rpx;
    color:#8F3204;
    margin-left:20rpx;
    .suprise_icon{
        width: 26rpx;
        height: 26rpx;
        background: url(http://img1.birdback.org/a/b4/61/b4611facefdc881a9a546557048f8d9b.png) no-repeat;
        background-size: 100% 100%;
        margin-right: 8rpx;;
    }
}
.list_title{
    height: 80rpx;
    color: #333333;
    font-size: 30rpx;
    width: 95%;
    margin: 0 auto;
    .title{
        width: 350rpx;
        text-align: center;
    }
    .slide{
        width: 0;
        flex:1;
        height: 1px; 
        background: rgba(221,221,221,.5);
    }
}
.bind_phone{
    width:95%;
    margin:0 auto;
    .slide{
        background: #999;
    }
    .item{
        margin-bottom: 30rpx;
        .red_bar{
            width: 100%;
        }
        &.sunui{
            margin-bottom: 40rpx;
            .sunui-title{
                color: #333;
                font-size: 30rpx;
            }
        }
    }
    .phone{
        height: 88rpx;
        background: #fff;
        font-size: 30rpx;
        border-radius: 8rpx;
        padding: 0 30rpx;
        flex: 1;
    }
    
    .code{
        width: 200rpx;
        height: 88rpx;
        font-size: 30rpx;
        border-radius: 8rpx;
        margin-left: 20rpx;
        color:#999999;
        background:#EFEFEF;
        &.orange{
            background: linear-gradient(to right,#FF7C00,#FF282E);
            color: #fff;
        }
    }
}
.group-detail-medium{
        position:relative;
        width: 538rpx;
        height: 430rpx;
        .login_bg{
            
            width: 538rpx;
            height: 430rpx;
            position: absolute;
            z-index: -1;
        }
        .login_bt{
            border:none;
            margin:0px auto;
            margin-top: 320rpx;
            width:450rpx;
            height:86rpx;
            image{
                width: 100%;
                height: 100%;
            }
            
        }
}

